<template>
	<view>
		<u-tabs
		 :inactive-color="'#000000'"
		 :active-color="'#000000'"
		 :bg-color="{'background':'rgba(0,0,0,0)'}"
		 :bar-width="100"
		 :bar-style="{
		 	'z-index':'-1',
		 	'font-size':'20rpx',
		 	'height':'15rpx',
		 	'bottom':'8rpx',
		 	'background': 'linear-gradient(90deg,rgba(255,0,0,.7), #FEBDBE)',}" 
		 :padding="0" class="header-tab" :list="headerNavList" :is-scroll="false" 
		:current="current" @change="changeTab"></u-tabs>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				headerNavList: [{
						name: "积分记录"
					},
					{
						name: "消费券记录"
					},
					{
						name: "优惠券记录"
					}
				],
				current: 1
			}
		},
		methods: {
			changeTab(index){
				this.current=index;
			},
		}
	}
</script>

<style>

</style>
